<template>
        <div style="margin-left: 50px">
        <h1 style="color: #36788c">
          第一学期进度---------------------------------->第二学期进度---------------------------------->第三学期进度---------------------------------->第四学期进度
        </h1>
      </div>
      <el-progress
        type="circle"
        :percentage="this.p1"
        :color="color1"
        style="margin-left: 50px"
      ></el-progress>
      <el-progress
        type="circle"
        :percentage="this.p2"
        :color="color2"
        style="margin-left: 200px"
      ></el-progress>
      <el-progress
        type="circle"
        :percentage="this.p3"
        :color="color3"
        style="margin-left: 200px"
      ></el-progress>
      <el-progress
        type="circle"
        :percentage="this.p4"
        :color="color4"
        style="margin-left: 200px"
      ></el-progress>
</template>

<script>
export default {
data() {
    return {
      user: JSON.parse(window.sessionStorage.getItem("user")),
      size: "",
    };
  },
  methods: {

  },
}
</script>

<style>

</style>